<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="frnameword/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<nav class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-header">
								<a href="" class="navbar-brand">搜索</a>
							</div>
							<div>
								<form action="" role="form" class="navbar-form navbar-left">
									<div class="form-group">
										<input type="text" name="name" placeholder="请输入用户" class="form-control" /></div>
									<div class="form-group">
										<span class="glyphicon glyphicon-search" id="btnSearch"></span>
									</div>
								</form>
								<a href="#saveSearad" data-toggle='modal' class="navbar-right btn btn-default">新增用户</a>
								<a href="#" class="navbar-right btn btn-default">浏览房间</a>
							</div>
						</div>
					</nav>
				</div>
			</div>
		</div>
		<section>
			<div class="container">
				<div class="row">
					<div class="col-xs-offset-5 col-xs-2">
						<h3>用户信息表</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-offset-1 col-xs-10">
						<table class="table table-replace table-bordered table-hover text-center" id = "tab">
							<tr>
								<th class="text-center">用户编号</th>
								<th class="text-center">用户名</th>
								<th class="text-center">用户姓名</th>
								<th class="text-center">用户电话</th>
								<th class="text-center">用户权限</th>
								<th class="text-center">操作</th>
							</tr>
						</table>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-offset-4 col-xs-4">
						<ul class="pagination" id="li_a">

						</ul>
					</div>
				</div>
			</div>
		</section>
		<!--用户注册-->
		<div class="modal fade" id="saveSearad">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" class="close">&times</button>
						<h4 class="modal-title"><span class="glyphicon glyphicon-pencil">  </span>新增用户</h4>
					</div>
					<div class="modal-body">
						<form action="" role="form" class="form-horizontal" id = "form-Save">
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户名</label>
								<div class="col-xs-9"><input type="text" name="name" class="form-control" placeholder='请输入用户名' /></div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户姓名</label>
								<div class="col-xs-9"><input type="text" name="username" class="form-control" placeholder='请输入用户姓名'/></div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户电话</label>
								<div class="col-xs-9"><input type="text" name="telephone" class="form-control" placeholder='请输入用户电话'/></div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户权限</label>
								<div class="col-xs-9">
									<label class="radio-inline ">
										<input type="radio" name="isadmin" value="是" /> 是
									</label>
									<label class="radio-inline">
										<input type="radio" name="isadmin" value="否" /> 否
									</label>
								</div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户密码</label>
								<div class="col-xs-9"><input type="password"  name="password" class="form-control" placeholder='请输入用密码'/></div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<div class="col-xs-11">
							<button type="button" class="btn btn-default" data-dismiss='modal'  id= "btnSave">增加</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--修改用户-->
		<div class="modal fade" id = "updateSearad">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" class="close">&times</button>
						<h4 class="modal-title"><span class="glypicon glyphicon-user"></span>修改用户</h4>
					</div>
					<div class="modal-body">
						<form action="" role="form" id="formupdate" class="form-horizontal">
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户名</label>
								<div class="col-xs-9">
									<input type="hidden" name="id" />
									<input type="text" name="name" class="form-control" /></div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户姓名</label>
								<div class="col-xs-9"><input type="text" name="username" class="form-control"/></div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户电话</label>
								<div class="col-xs-9"><input type="text" name="telephone" class="form-control"/></div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户权限</label>
								<div class="col-xs-9">
									<label class="radio-inline ">
										<input type="radio" name="isadmin" /> 是
									</label>
									<label class="radio-inline">
										<input type="radio" name="isadmin" /> 否
									</label>
								</div>
							</div>
							<div class="form-group">
								<label for="" class="col-xs-2 control-label">用户密码</label>
								<div class="col-xs-9"><input type="text"  name="password" class="form-control" /></div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<div class="col-xs-11">
							<button type="button" class="btn btn-default" data-dismiss='modal'  id= "btnudpate">修改</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="frnameword/jquery/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="frnameword/bootstrap/js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/base/baseDAO.js" ></script>
		<script type="text/javascript" src="js/service/usersService.js" ></script>
		<script type="text/javascript" src="js/ui/userView.js" ></script>
		<script type="text/javascript" src="js/ctrl/usersCtrl.js" ></script>
		<script type="text/javascript" src="js/app.js" ></script>
	</body>
</html>
